﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>弹性盒模型</title>
<style>
	 #main{ width:200px; height:50px; border:1px black solid; 
	     display:flex; }
		 .box{ color:white; line-height:50px; text-align:center; }
		 .box:nth-of-type(1){ background:red; flex:1; }
	 .box:nth-of-type(2){ background:blue; width:100px; }
	 .box:nth-of-type(3){ background:green; flex:1; }

</style>
</head>
<body>
<div id="main">
	<div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
</div>
</body>
</html>
